/**
* A
*/

#loading-mask {
  position: absolute;
  left:     0;
  top:      0;
  width:    100%;
  height:   100%;
  z-index:  20000;
  background-color: white;
}

#loading {
  position: absolute;
  left:     50%;
  top:      50%;
  padding:  2px;
  z-index:  20001;
  height:   auto;
  margin:   -35px 0 0 -30px;
}

#loading .loading-indicator {
  background: url(../images/loading.gif) no-repeat;
  color:      #555;
  font:       bold 13px tahoma,arial,helvetica;
  padding:    8px 42px;
  margin:     0;
  text-align: center;
  height:     auto;
}

/* DESCRIPTION DIVS */
.description {
    padding: 10px
}


#search-dropdown .item, #search-dropdown .footer {
    position: relative;
    display: block;
    cursor: pointer;
    overflow: hidden;
    padding: 5px 5px 5px 30px;
    border-width: 0 0 1px 0;
    border-style: solid;
    border-color: #BFBFBF;
    color: #605F5F;
}

#search-dropdown .item.x-item-selected {
    background-color: #FFA;
}

#search-dropdown .icon-class {
    /*background: url(../images/icons.png) no-repeat 0 -40px;*/
}


/* UNCOMMENT THIS BLOCK FOR THE GROUPING HEADER ROW COLOR
.x-grid-group-hd .x-grid-cell .x-grid-cell-inner {
    background-color: #5C6B82;
    font-size: small;
}
*/

.x-tab-default-top button, .x-tab-default-top .x-tab-inner {
    height: 16px;
    line-height: 16px;
}

.banner {
    float: left;
    width: 100%;
    background-color: #b9d0ee; /* fallback flat color */
    background-image: -webkit-gradient(linear, left top, left bottom, from(#b9d0ee), to(#d8e6f6) ); /* for Chrome + Safari */
    background-image: -moz-linear-gradient(  top, #b9d0ee, #d8e6f6); /* for Firefox */

    /*background-color: #b9d0ee; /* fallback flat color */
    /*background-image: -webkit-gradient(linear, left top, left bottom, from(#b9d0ee), to(#232d38) ); /* for Chrome + Safari */
    /*background-image: -moz-linear-gradient(  top, #b9d0ee, #232d38); /* for Firefox */
}

.banner-text {
    padding: 15px;
    float: right;
    width:500px;
    height: 65px;

    text-align:justify;
    color: blue;
    font-family: "Adobe Caslon Pro", "Hoefler Text", Georgia, Garamond, Times, serif;
	letter-spacing:0.1em;
	text-transform: lowercase;
	line-height: 145%;
	font-size: 10pt;
	font-variant: small-caps;
}

.list-icon {
    position: absolute;
    float: left;
}

.list-title {
    position: relative;
    margin-left: 33px;
    font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
}

.list-footer {
    position: relative;
    margin-left: 30px;
    font-size: .85em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.lph-grid-button {
    background-image: url("../icons/house_go.png") !important;
    height: 16px;
    cursor: pointer
}

/* ######################## ICONS ####################### */

.browser-16 {
    background-image: url("../icons/house.png") !important;
    height: 16px;
}

.browser-go-16 {
    background-image: url("../icons/house_go.png") !important;
    height: 16px;
}

.csv-export-16 {
    background-image: url("../icons/csv.png") !important;
    height: 16px;
}

.data-input-16 {
    background-image: url("../icons/data_input.png") !important;
    height: 16px;
}

.data-output-16 {
    background-image: url("../icons/data_output.png") !important;
    height: 16px;
}

.document-16 {
    background-image: url("../icons/document.png") !important;
    height: 16px;
}

.excel-export-16 {
    background-image: url("../icons/xls.png") !important;
    height: 16px;
}

.export-16 {
    background-image: url("../icons/export.png") !important;
    height: 16px;
}

.filter-16 {
    background-image: url("../icons/filter.png") !important;
    height: 16px;
}

.general-16 {
    background-image: url("../icons/lipid.ico") !important;
    height: 16px;
}

.help-16 {
    background-image: url("../icons/help.png") !important;
    height: 16px;
}

.hierarchy-16 {
    background-image: url("../icons/hierarchy.png") !important;
    height: 16px;
}

.information-16 {
    background-image: url("../icons/information.png") !important;
    height: 16px;
}

.json-export-16 {
    background-image: url("../icons/json.png") !important;
    height: 16px;
}

.ms1-search-engine-16 {
    background-image: url("../icons/ms1_search_engine.png") !important;
    height: 16px;
}

.papers-16 {
    background-image: url("../icons/papers.png") !important;
    height: 16px;
}

.isotopes-16 {
    background-image: url("../icons/flask_empty.png") !important;
    height: 16px;
}

.tools-16 {
    background-image: url("../icons/tools.png") !important;

}

.tsv-export-16 {
    background-image: url("../icons/tsv.png") !important;
    height: 16px;
}

.xml-export-16 {
    background-image: url("../icons/xml.png") !important;
    height: 16px;
}

.xref-16 {
    background-image: url("../icons/xref.png") !important;
    height: 16px;
}

.web-services-16 {
    background-image: url("../icons/ws.png") !important;
    height: 16px;
}

/* ###################### CATEGORY ###################### */
.category-identified {
    background-image: url("../icons/lipids/category_lipid_icon_base_16_filled_closed.png") !important;
    height: 16px;
}

.category-list-identified {
    background-image: url("../icons/lipids/category_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.x-grid-tree-node-expanded .category-identified{
    background-image: url("../icons/lipids/category_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.category-unidentified {
    background-image: url("../icons/lipids/category_lipid_icon_base_16_closed.png")!important;
    height: 16px;
}

.category-list-unidentified {
    background-image: url("../icons/lipids/category_lipid_icon_base_16_open.png")!important;
    height: 16px;
}

.category-list-unidentified {
    background-image: url("../icons/lipids/category_lipid_icon_base_16_open.png")!important;
    height: 16px;
}
.x-grid-tree-node-expanded .category-unidentified{
    background-image: url("../icons/lipids/category_lipid_icon_base_16_open.png") !important;
    height: 16px;
}

.category-identified-24 {
    background-image: url("../icons/lipids/category_lipid_icon_base_24_filled_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

.category-unidentified-24 {
    background-image: url("../icons/lipids/category_lipid_icon_base_24_open.png");
    height: 24px;
    background-repeat: no-repeat;
}


/* ###################### MAIN CLASS ###################### */
.mainclass-identified {
    background-image: url("../icons/lipids/mainclass_lipid_icon_base_16_filled_closed.png") !important;
    height: 16px;
}

.mainclass-list-identified {
    background-image: url("../icons/lipids/mainclass_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.x-grid-tree-node-expanded .mainclass-identified{
    background-image: url("../icons/lipids/mainclass_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.mainclass-unidentified {
    background-image: url("../icons/lipids/mainclass_lipid_icon_base_16_closed.png")!important;
    height: 16px;
}

.mainclass-unidentified {
    background-image: url("../icons/lipids/main_lipid_icon_base_16_open.png")!important;
    height: 16px;
}

.mainclass-list-unidentified {
    background-image: url("../icons/lipids/main_lipid_icon_base_16_open.png")!important;
    height: 16px;
}
.x-grid-tree-node-expanded .mainclass-unidentified{
    background-image: url("../icons/lipids/main_lipid_icon_base_16_open.png") !important;
    height: 16px;
}

.mainclass-identified-24 {
    background-image: url("../icons/lipids/mainclass_lipid_icon_base_24_filled_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

.mainclass-unidentified-24 {
    background-image: url("../icons/lipids/mainclass_lipid_icon_base_24_open.png");
    height: 24px;
    background-repeat: no-repeat;
}


/* ###################### SUB CLASS ###################### */
.subclass-identified {
    background-image: url("../icons/lipids/subclass_lipid_icon_base_16_filled_closed.png") !important;
    height: 16px;
}

.subclass-list-identified {
    background-image: url("../icons/lipids/subclass_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.x-grid-tree-node-expanded .subclass-identified{
    background-image: url("../icons/lipids/subclass_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.subclass-unidentified {
    background-image: url("../icons/lipids/subclass_lipid_icon_base_16_closed.png")!important;
    height: 16px;
}

.subclass-unidentified {
    background-image: url("../icons/lipids/subclass_lipid_icon_base_16_open.png")!important;
    height: 16px;
}

.subclass-list-unidentified {
    background-image: url("../icons/lipids/subclass_lipid_icon_base_16_open.png")!important;
    height: 16px;
}

.x-grid-tree-node-expanded .subclass-unidentified{
    background-image: url("../icons/lipids/subclass_lipid_icon_base_16_open.png") !important;
    height: 16px;
}

.subclass-identified-24 {
    background-image: url("../icons/lipids/subclass_lipid_icon_base_24_filled_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

.subclass-unidentified-24 {
    background-image: url("../icons/lipids/subclass_lipid_icon_base_24_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

/* ###################### SPECIE ###################### */
.specie-identified {
    background-image: url("../icons/lipids/specie_lipid_icon_base_16_filled_closed.png") !important;
    height: 16px;
}

.specie-list-identified {
    background-image: url("../icons/lipids/specie_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.specie-list-identified {
    background-image: url("../icons/lipids/specie_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.x-grid-tree-node-expanded .specie-identified{
    background-image: url("../icons/lipids/specie_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.specie-unidentified {
    background-image: url("../icons/lipids/specie_lipid_icon_base_16_closed.png")!important;
    height: 16px;
}

.specie-list-unidentified {
    background-image: url("../icons/lipids/specie_lipid_icon_base_16_open.png")!important;
    height: 16px;
}

.specie-list-unidentified {
    background-image: url("../icons/lipids/specie_lipid_icon_base_16_open.png")!important;
    height: 16px;
}
.x-grid-tree-node-expanded .specie-unidentified{
    background-image: url("../icons/lipids/specie_lipid_icon_base_16_open.png") !important;
    height: 16px;
}

.specie-identified-24 {
    background-image: url("../icons/lipids/specie_lipid_icon_base_24_filled_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

.specie-unidentified-24 {
    background-image: url("../icons/lipids/specie_lipid_icon_base_24_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

/* ###################### FA SCAN SPECIE ###################### */
.fascanspecie-identified {
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_16_filled_closed.png") !important;
    height: 16px;
}

.fascanspecie-list-identified {
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.fascanspecie-list-identified {
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.x-grid-tree-node-expanded .fascanspecie-identified{
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.fascanspecie-unidentified {
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_16_closed.png")!important;
    height: 16px;
}

.fascanspecie-list-unidentified {
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_16_open.png")!important;
    height: 16px;
}

.fascanspecie-list-unidentified {
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_16_open.png")!important;
    height: 16px;
}
.x-grid-tree-node-expanded .fascanspecie-unidentified{
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_16_open.png") !important;
    height: 16px;
}

.fascanspecie-identified-24 {
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_24_filled_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

.fascanspecie-unidentified-24 {
    background-image: url("../icons/lipids/fascanspecie_lipid_icon_base_24_open.png");
    height: 24px;
    background-repeat: no-repeat;
}
/* ###################### SUB SPECIE ###################### */
.subspecie-identified {
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_16_filled_closed.png") !important;
    height: 16px;
}

.subspecie-list-identified {
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.subspecie-list-identified {
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.x-grid-tree-node-expanded .subspecie-identified{
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.subspecie-unidentified {
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_16_closed.png")!important;
    height: 16px;
}

.subspecie-list-unidentified {
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_16_open.png")!important;
    height: 16px;
}

.subspecie-list-unidentified {
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_16_open.png")!important;
    height: 16px;
}

.x-grid-tree-node-expanded .subspecie-unidentified{
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_16_open.png") !important;
    height: 16px;
}

.subspecie-identified-24 {
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_24_filled_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

.subspecie-unidentified-24 {
    background-image: url("../icons/lipids/subspecie_lipid_icon_base_24_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

/* ###################### ISOMER ###################### */
.isomer-identified {
    background-image: url("../icons/lipids/isomer_lipid_icon_base_16_filled_closed.png") !important;
    height: 16px;
}

.isomer-list-identified {
    background-image: url("../icons/lipids/isomer_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.x-grid-tree-node-expanded .isomer-identified{
    background-image: url("../icons/lipids/isomer_lipid_icon_base_16_filled_open.png") !important;
    height: 16px;
}

.isomer-unidentified {
    background-image: url("../icons/lipids/isomer_lipid_icon_base_16_closed.png")!important;
    height: 16px;
}

.isomer-list-unidentified {
    background-image: url("../icons/lipids/isomer_lipid_icon_base_16_open.png")!important;
    height: 16px;
}

.x-grid-tree-node-expanded .isomer-unidentified{
    background-image: url("../icons/lipids/isomer_lipid_icon_base_16_open.png") !important;
    height: 16px;
}

.isomer-identified-24 {
    background-image: url("../icons/lipids/isomer_lipid_icon_base_24_filled_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

.isomer-unidentified-24 {
    background-image: url("../icons/lipids/isomer_lipid_icon_base_24_open.png");
    height: 24px;
    background-repeat: no-repeat;
}

/*
######################## BEGIN DOCUMENTATION STYLE ########################
*/
.documentation {
    font-size: larger;
    text-align: justify;
    padding: 20px;
    padding-bottom: 350px;  /* Do NOT delete this property, it helps users to better read the bottom of the page*/
}

.documentation h1 {
    font-size: x-large;
    color: #0000cc;
}

.documentation p {
    margin-top: 15px;
    text-indent: 15px;
}

.documentation ul, ol {
    margin-left:1.5em;
    padding-left:0px;
}

.documentation li {
    margin-bottom:0.5em;
    list-style-type: circle;
}
/*
######################## END DOCUMENTATION STYLE ########################
*/